<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro"
      xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>添加房屋预售信息</title>
    <link th:replace="common/header"/>
    <script type="text/javascript" th:src="@{/js/androidwheel/androidwheel.js}"></script>
    <script type="text/javascript" th:src="@{/js/My97DatePicker/WdatePicker.js}"></script>
</head>
<body class="no-skin">
<div th:replace="common/top"/>
<div class="main-container ace-save-state" id="main-container">
    <div th:replace="common/menu"/>
    <div class="main-content">
        <div class="main-content-inner">
            <div th:replace="common/title"/>
            <div class="page-content">
                <div th:replace="common/skin"/>
                <div class="row">
                    <div class="col-xs-12">
                        <!-- PAGE CONTENT BEGINS -->
                        <form class="form-horizontal" action="add.do" name="form" th:action="@{/houseBooking/add}"
                              th:method="post" th:object="${houseBooking}">
                            <h3 class="header smaller lighter blue"><i class="fa fa-plus" aria-hidden="true"></i>添加房屋预售信息
                            </h3>
                            <div class="row-fluid">
                                <!--PAGE CONTENT BEGINS HERE-->
                                <div class="span6">
                                    <div class="control-group">
                                        <label class="control-label" for="name">新楼盘名称:<span
                                                style="color:red">*</span></label>
                                        <div class="controls">
                                            <input name="name" id="name" class="input_fix" placeholder="新楼盘名称"
                                                   th:value="*{name}" maxlength="50"/>
                                        </div>
                                    </div>
                                </div>
                                <div class="span6">
                                    <div class="control-group">
                                        <label class="control-label" for="orientation">朝向:<span
                                                style="color:red">*</span></label>
                                        <div class="controls">
                                            <select th:field="*{info.orientation}" id="orientation" name="orientation"
                                                    class="input_fix" th:value="*{info.orientation}">
                                                <option value="">--请选择--</option>
                                                <option th:each="orientation : ${T(xyz.ibenben.zhongdian.system.entity.enums.OrientationEnum).values()}"
                                                        th:value="${orientation}"
                                                        th:text="${orientation.text}"></option>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row-fluid">
                                <div class="span6">
                                    <span style="color:red"><span th:if="${#fields.hasErrors('name')}"
                                                                  th:errors="*{name}">
                                        Name Error</span>&nbsp;</span>
                                </div>
                                <div class="span6">
                                    <span style="color:red"><span th:if="${#fields.hasErrors('info.orientation')}"
                                                                  th:errors="*{info.orientation}">Name
                                        Error</span>&nbsp;</span>
                                </div>
                            </div>
                            <div class="row-fluid">
                                <!--PAGE CONTENT BEGINS HERE-->
                                <div class="span12">
                                    <div class="control-group">
                                        <label class="control-label" for="roomNumber">卧室-客厅-厨房-卫生间(数量):<span
                                                style="color:red">*</span></label>
                                        <div class="controls">
                                            <input name="roomNumber" id="roomNumber" class="input_fix3"
                                                   placeholder="卧室数量" th:value="*{info.roomNumber}"/>-
                                            <input name="drawingNumber" id="drawingNumber" class="input_fix3"
                                                   placeholder="客厅数量" th:value="*{info.drawingNumber}"/>-
                                            <input name="kitchenNumber" id="kitchenNumber" class="input_fix3"
                                                   placeholder="厨房数量" th:value="*{info.kitchenNumber}"/>-
                                            <input name="restroomNumber" id="restroomNumber" class="input_fix3"
                                                   placeholder="卫生间数量" th:value="*{info.restroomNumber}"/>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row-fluid">
                                <!--PAGE CONTENT BEGINS HERE-->
                                <div class="span12">
                                    <span style="color:red"><span class="input_fix3"
                                                                  th:if="${#fields.hasErrors('info.roomNumber')}"
                                                                  th:errors="*{info.roomNumber}">Name Error</span>
                                        <span class="input_fix3" th:if="${#fields.hasErrors('info.drawingNumber')}"
                                              th:errors="*{info.drawingNumber}">Name Error</span>
                                        <span class="input_fix3" th:if="${#fields.hasErrors('info.kitchenNumber')}"
                                              th:errors="*{info.kitchenNumber}">Name Error</span>
                                        <span class="input_fix3" th:if="${#fields.hasErrors('info.restroomNumber')}"
                                              th:errors="*{info.restroomNumber}">Name Error</span>&nbsp;</span>
                                </div>
                            </div>
                            <div class="row-fluid">
                                <!--PAGE CONTENT BEGINS HERE-->
                                <div class="span6">
                                    <div class="control-group">
                                        <label class="control-label" for="houseArea">房屋面积:<span
                                                style="color:red">*</span></label>
                                        <div class="controls">
                                            <input name="houseArea" id="houseArea" class="input_fix" placeholder="房屋面积"
                                                   th:value="*{info.houseArea}"/>
                                        </div>
                                    </div>
                                </div>
                                <div class="span6">
                                    <div class="control-group">
                                        <label class="control-label" for="polt">所在小区:<span
                                                style="color:red">*</span></label>
                                        <div class="controls">
                                            <input name="polt" id="polt" class="input_fix" placeholder="所在小区"
                                                   th:value="*{info.polt}"/>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row-fluid">
                                <div class="span6">
                                    <span style="color:red"><span th:if="${#fields.hasErrors('info.houseArea')}"
                                                                  th:errors="*{info.houseArea}">Name Error</span>&nbsp;</span>
                                </div>
                                <div class="span6">
                                    <span style="color:red"><span th:if="${#fields.hasErrors('info.polt')}"
                                                                  th:errors="*{info.polt}">Name Error</span>&nbsp;</span>
                                </div>
                            </div>
                            <div class="row-fluid">
                                <div class="span12">
                                    <div class="control-group">
                                        <label class="control-label" for="address">详细地址:<span style="color:red">*</span></label>
                                        <div class="controls">
                                            <input name="address" id="address" class="input_fix" placeholder="详细地址"
                                                   th:value="*{address}"/>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row-fluid">
                                <div class="span12">
                                    <span style="color:red"><span th:if="${#fields.hasErrors('address')}"
                                                                  th:errors="*{address}">Name Error</span>&nbsp;</span>
                                </div>
                            </div>
                            <div class="row-fluid">
                                <div class="span6">
                                    <div class="control-group">
                                        <label class="control-label" for="openPrice">开盘价格:<span
                                                style="color:red">*</span></label>
                                        <div class="controls">
                                            <input name="openPrice" id="openPrice" class="input_fix" placeholder="开盘价格"
                                                   th:value="*{openPrice}"/>
                                        </div>
                                    </div>
                                </div>
                                <div class="span6">
                                    <div class="control-group">
                                        <label class="control-label" for="purpose">住宅用途:<span style="color:red">*</span></label>
                                        <div class="controls">
                                            <input name="purpose" id="purpose" class="input_fix" placeholder="住宅用途"
                                                   th:value="*{info.purpose}"/>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row-fluid">
                                <div class="span6">
                                    <span style="color:red"><span th:if="${#fields.hasErrors('openPrice')}"
                                                                  th:errors="*{openPrice}">Name Error</span></span>
                                </div>
                                <div class="span6">
                                    <span style="color:red"><span th:if="${#fields.hasErrors('info.purpose')}"
                                                                  th:errors="*{info.purpose}">Name Error</span>&nbsp;</span>
                                </div>
                            </div>
                            <div class="row-fluid">
                                <!--PAGE CONTENT BEGINS HERE-->
                                <div class="span12">
                                    <div class="control-group">
                                        <label class="control-label" for="province">所在省-所在市-所在区/县/镇:<span
                                                style="color:red">*</span></label>
                                        <div class="controls">
                                            <select th:field="*{province}" id="province" name="province"
                                                    class="input_fix3" th:value="*{province}"
                                                    th:onchange="'provinceChange(this.value, null, \'--请选择--\')'">
                                                <option value="">--请选择--</option>
                                                <option th:each="province : ${provinceList}"
                                                        th:value="${province.provinceCode}"
                                                        th:text="${province.provinceName}">山东
                                                </option>
                                            </select>-
                                            <select th:field="*{city}" id="city" name="city" class="input_fix3"
                                                    th:value="*{city}"
                                                    th:onchange="'cityChange(this.value, null, \'--请选择--\')'">
                                                <option value="">--请选择--</option>
                                                <option th:each="city : ${cityList}"
                                                        th:value="${city.cityCode}" th:text="${city.cityName}">青岛
                                                </option>
                                            </select>-
                                            <select th:field="*{region}" id="region" name="region" class="input_fix3"
                                                    th:value="*{region}">
                                                <option value="">--请选择--</option>
                                                <option th:each="region : ${regionList}"
                                                        th:value="${region.regionCode}" th:text="${region.regionName}">
                                                    市北
                                                </option>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row-fluid">
                                <div class="span12">
                                    <span style="color:red"><span th:if="${#fields.hasErrors('province')}"
                                                                  th:errors="*{province}">Name Error</span>
                                        <span th:if="${#fields.hasErrors('city')}" th:errors="*{city}">Name Error</span>
                                        <span th:if="${#fields.hasErrors('region')}"
                                              th:errors="*{region}">Name Error</span>&nbsp;</span>
                                </div>
                            </div>
                            <div class="row-fluid">
                                <div class="span6">
                                    <div class="control-group">
                                        <label class="control-label" for="layer">总楼层:<span
                                                style="color:red">*</span></label>
                                        <div class="controls">
                                            <input name="totalLayer" id="totalLayer" class="input_fix" placeholder="总楼层"
                                                   th:value="*{info.totalLayer}"/>
                                        </div>
                                    </div>
                                </div>
                                <div class="span6">
                                    <div class="control-group">
                                        <label class="control-label" for="propertyRight">产权:<span
                                                style="color:red">*</span></label>
                                        <div class="controls">
                                            <input name="propertyRight" id="propertyRight" class="input_fix"
                                                   placeholder="产权" th:value="*{info.propertyRight}"/>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row-fluid">
                                <div class="span6">
                                    <span style="color:red"><span th:if="${#fields.hasErrors('info.totalLayer')}"
                                                                  th:errors="*{info.totalLayer}">Name Error</span>&nbsp;</span>
                                </div>
                                <div class="span6">
                                    <span style="color:red"><span th:if="${#fields.hasErrors('info.propertyRight')}"
                                                                  th:errors="*{info.propertyRight}">Name
                                        Error</span>&nbsp;</span>
                                </div>
                            </div>
                            <div class="row-fluid">
                                <!--PAGE CONTENT BEGINS HERE-->
                                <div class="span6">
                                    <div class="control-group">
                                        <label class="control-label" for="phone">联系电话:<span
                                                style="color:red">*</span></label>
                                        <div class="controls">
                                            <input name="phone" id="phone" class="input_fix" placeholder="联系电话"
                                                   th:value="*{phone}"/>
                                        </div>
                                    </div>
                                </div>
                                <div class="span6">
                                    <div class="control-group">
                                        <label class="control-label" for="developer">开发商:<span
                                                style="color:red">*</span></label>
                                        <div class="controls">
                                            <input name="developer" id="developer" class="input_fix" placeholder="开发商"
                                                   th:value="*{developer}"/>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row-fluid">
                                <div class="span6">
                                    <span style="color:red"><span th:if="${#fields.hasErrors('phone')}"
                                                                  th:errors="*{phone}">Name Error</span>&nbsp;</span>
                                </div>
                                <div class="span6">
                                    <span style="color:red"><span th:if="${#fields.hasErrors('developer')}"
                                                                  th:errors="*{developer}">Name Error</span>&nbsp;</span>
                                </div>
                            </div>
                            <div class="row-fluid">
                                <!--PAGE CONTENT BEGINS HERE-->
                                <div class="span6">
                                    <div class="control-group">
                                        <label class="control-label" for="loginNumber">登记字号:<span
                                                style="color:red">*</span></label>
                                        <div class="controls">
                                            <input name="loginNumber" id="loginNumber" class="input_fix"
                                                   placeholder="登记字号" th:value="*{loginNumber}"/>
                                        </div>
                                    </div>
                                </div>
                                <div class="span6">
                                    <div class="control-group">
                                        <label class="control-label" for="memo">备注:<span
                                                style="color:red">*</span></label>
                                        <div class="controls">
                                            <input name="memo" id="memo" class="input_fix" placeholder="备注"
                                                   th:value="*{memo}"/>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row-fluid">
                                <!--PAGE CONTENT BEGINS HERE-->
                                <div class="span12">
                                    <span style="color:red"><span th:if="${#fields.hasErrors('loginNumber')}"
                                                                  th:errors="*{loginNumber}">Name Error</span>
                                        <span th:if="${#fields.hasErrors('memo')}" th:errors="*{memo}">Name Error</span>&nbsp;</span>
                                </div>
                            </div>

                            <div class="row-fluid">
                                <div class="text-center span12">
                                    <button shiro:hasPermission="/houseBooking/add" class="btn btn-primary"
                                            type="submit"><i class="fa fa-floppy-o" aria-hidden="true"></i>提交
                                    </button>
                                    <button shiro:hasPermission="/houseBooking/add" class="btn btn-danger" type="reset">
                                        <i class="fa fa-times" aria-hidden="true"></i>取消
                                    </button>
                                    <a shiro:hasPermission="/houseBooking/getAll" class="btn" href="getAll"
                                       th:href="@{/houseBooking/getAll}"><i class="fa fa-reply" aria-hidden="true"></i>返回</a>
                                </div>
                            </div>
                        </form>
                        <!-- PAGE CONTENT ENDS -->
                    </div><!-- /.col -->
                </div><!-- /.row -->
            </div><!-- /.page-content -->
        </div>
    </div><!-- /.main-content -->
    <div th:replace="common/footer"/>
</div><!-- /.main-container -->
<div th:replace="common/buttom"/>

<script type="text/javascript">
    $("form").submit(function () {
        $(":submit", this).attr("disabled", "disabled");
    });
</script>
</body>
</html>
